<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{% block head_icon %}  {% endblock %}
<title>{% block title %}Bananas&#39;s Brownies{% endblock %}</title>
{% block head_style %}
<link href="/stylesheet/art.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/stylesheet/nivo-slider.css" type="text/css" media="screen" />
{% endblock %}
{% block head_script %} 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="javascript/jquery.nivo.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:3000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:false, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
    });
});
</script>
{% endblock %}
<script  id='googlecart-script' type='text/javascript' src='https://checkout.google.com/seller/gsc/v2_2/cart.js?mid={{ store.merchantid }}' integration='jscart-wizard' post-cart-to-sandbox='{{ store.useSandbox }}' currency='USD' productWeightUnits='LB'></script>
</head>
<body>
<div id="outerborder">
	<div id="innerborder">
		<div id="content">
			<div id="cartband">
			<div id="cart">
			</div>
			</div>
			<div id="namelogo">
				Banana's Brownies
			</div>
			{% block navigation %}			
			<div id="navholder">
			<div id="navlist">
		 		<ul>
					<li><a href="/">Home</a></li>
					<li><a href="/AboutUs">About Us</a></li>
					<li><a href="/ProductInfo">Product Info</a></li>
					<li><a href="/ContactUs">Contact Us</a></li>
				</ul>
			</div>
			</div>
			{% endblock %}
			<br/>
			<div id="centercontent">
			{% block main %}
				<div id="centerleft">
					<div id="slider">
						<img src="/images/RunwayShoot-1.jpg" alt="" />
						<img src="/images/RunwayShoot-2.jpg" alt="" />
						<img src="/images/RunwayShoot-3.jpg" alt="" />
						<img src="/images/RunwayShoot-4.jpg" alt="" />
						<img src="/images/RunwayShoot-5.jpg" alt="" />
					</div>
				</div>
				<div id="centerright">
					<div id="talkbox">
						<p><b>Current Promotion</b></p>
						<p>{{ store.currentPromotion }}</p>
					</div>
					<div id="talkbox">
						<p><b>News and Info</b></p>
						<p>{{ store.newsAndInfo }}</p>
					</div>
					<div id="talkbox">
						<p><b>Blog or other</b></p>
						<p>{{ store.talkBox }}</a></p>
					</div>
				</div>
			{% endblock %}
			</div>
		</div>
	</div>
</div>
<div id="bottombar">
	<div id="copyright">Copyright Banana's Brownies 2011.</div>
	<div id="signin">
		<ul>
			<li><a href="http://blog.bananasbrownies.com/my-blog/">Blog</a></li>
			<li><a href="http://google.com">Site Map</a></li>		
			{% if not user %}
			<li><a href="{{ login_url }}">Login</a></li> 
			{% endif %}
			{% if user %}
			<li></li><a href="{{ logout_url }}">Logout</a></li> 
			{% endif %}
			{% if isAdmin %}
			<li><a href="/Administration">Administration</a></li>
			{% endif %}
		</ul>
	</div>
</div>
</body>
</html>